/*
  样式规范表
*/

/* 主色/辅助色 */
@main-color: #4895fa; // 主色
@auxiliary-color1: #ff910c; // 辅助色1
@auxiliary-color2: #f13822; // 辅助色2
@gradient-blue: linear-gradient(left, #4895fa, #52baff); // 渐变蓝
@gradient-blue: linear-gradient(left, #ff711f, #ffaf4d); // 渐变橙
@gradient-blue: linear-gradient(left, #d22b2b, #ff7147); // 渐变红

/* 旁白色 */
@surface-color: #ffffff; // 表面色
@background-color: #fafafa; // 背景色
@divider-border-color: #edf0f2; // 分割线颜色

// 常规字体大小设置
@fontA: 24px; // 仅限页面大标题使用
@fontA-lh: 30px;
@fontB: 18px; // 多用于标题栏
@fontB-lh: 24px;
@fontC: 16px; // 多用于列表及分类标题
@fontC-lh: 22px;
@fontD: 14px; // 用于列表和正文
@fontD-lh: 20px;
@fontE: 12px; // 列表内副标题和说明性文字
@fontE-lh: 18px;
@fontF: 10px; // 谨慎使用，一般仅用于角标文字
@fontF-lh: 16px;

// 常规配色设置
@colorA: #1e1f22; // 标题文字
@colorB: #697184; // 正文、标签文字
@colorC: #a7afbf; // 辅助、次要文字
@colorD: @main-color; // 跳转、链接、标题文字使用
@colorE: @auxiliary-color2; // 警示文字、特殊标题文字、谨慎使用
@colorF: @surface-color; // 深色背景上使用
@colorG: @auxiliary-color1; // 任务进行中文字颜色
@colorH: #13c668; // 任务确认完成文字状态
